.system-status-container {
      margin-bottom: 20px;
}

.system-status-card {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
}

.status-content {
      display: flex;
      flex-direction: column;
      gap: 16px;
}

.status-item {
      margin-bottom: 8px;
}

.status-label {
      font-weight: 500;
      margin-bottom: 8px;
      color: #555;
}

.status-progress {
      margin-top: 4px;
}

.uptime {
      font-size: 16px;
      font-weight: 500;
      color: #1890ff;
      margin-top: 4px;
}

/* 根据使用率显示不同的颜色状态 */
.status-critical .ant-progress-text {
      color: #f5222d !important;
}

.status-warning .ant-progress-text {
      color: #faad14 !important;
}

.status-normal .ant-progress-text {
      color: #52c41a !important;
}

/* 为统计数字添加样式 */
.status-item .ant-statistic-title {
      font-size: 14px;
      color: #555;
      font-weight: 500;
}

.status-item .ant-statistic-content {
      font-size: 16px;
      color: #1890ff;
}